<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/04-login.css"/>
		<link rel="stylesheet" type="text/css" href="css/公共代码.css"/>
		<link rel="stylesheet" type="text/css" href="图标图标/iconfont.css"/>
	</head>
	<body>
		<header>
			<div id="box">
				<!-- 左 -->
				<div class="logo"><img src="img/logo.ico" ></div>
				<!-- 中 -->
				<ul class="listlef">
					<li><a href="">人气口红</a></li>
					<li><a href="">热卖底妆</a></li>
					<li><a href="">LISA同款</a></li>
					<li><a href="">全新柔雾唇釉</a></li>
					<li class="newPro">	<a href="">新品推荐</a>
						<div>
							<ul>
								<li><a href="">幻彩无暇粉底液</a></li>
								<li><a href="">全新魅可挚爱柔缎唇膏</a></li>
								<li><a href="">全新麻薯腮红</a></li>
								<li><a href="">定制遮瑕修容</a></li>
								<li><a href="">尤雾弹唇膏</a></li>
								<li><a href="">定制无暇柔光散粉</a></li>
							</ul>
						</div>
					</li>
					<li class="allPro"><a href="">全部产品</a>
						<div>
							<ul>
								<li><a href="">人气推荐</a></li>
								<li><a href="">彩妆</a></li>
								<li><a href="">妆前</a></li>
								<li><a href="">护肤</a></li>
								<li><a href="">扇子和工具</a></li>
							</ul>
						</div>
					</li>
					<li><a href="">会员中心</a></li>
					<li><a href="">门店专柜</a></li>
					<li><a href="">唇妆视频</a></li>
				</ul>
				<!-- 右 -->
				<div class="listrig">
					<ul>
						<a href=""><li class="iconfont icon-fangdajing"></li></a>
						<a href=""><li class="iconfont icon-youxiang"></li></a>
						<!-- <a href="03reg.html"><li class="login">注册/登录</li></a> -->
						<li><span class="reg"><a href="03reg.html">注册</a></span>/<span class="login"><a href="04login.html">登录</a></span></li>
					</ul>
				</div>
				<a href="05shopcar.html"><span class="shopcar iconfont icon-anquanshezhi"></span></a>
			</div>
		</header>
		<section>
			<div id="regBox">
				<div id="regBoxright">
					<a href=""><img src="img/signin_banner_pc.webp"></a>
				</div>
				<div id="regBoxleft">
					<p class="regBoxleftSpan">欢迎来到我的世界<br>Welcome To My World &nbsp;&nbsp;</p>
					<div>
						用户名<input id="name" type="text" placeholder="请输入用户名" value="刘晨晨"><br>
						密&nbsp;&nbsp;&nbsp;&nbsp;码<input id="password" type="password" value="123456" placeholder="请输入密码"><br>
						<button type="button" id="btn">请登录</button>
						 <span id="msg"></span>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div id="footbox">
				<ul>
					<li class="firstli">门店地址</li>
					<li><a href="">查找门店</a></li>
					<li><a href="">魅可定制美妆</a></li>
					<li class="firstli">会员</li>
					<li><a href="">会员中心</a></li>
				</ul>
				<ul>
					<li class="firstli">客户服务</li>
					<li><a href="">联系我们</a></li>
					<li>官方商城服务热线:</li>
					<li><a href="">400-602-9566</a></li>
					<li>专柜客户关怀热线:</li>
					<li><a href="">400-821-1308</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">订单情况</a></li>
				</ul>
				<ul>
					<li class="firstli">关于我们</li>
					<li><a href="">品牌故事</a></li>
					<li><a href="">艾滋病基金会</a></li>
					<li><a href="">M·A·C魅可官网购物五大理由</a></li>
					<li><a href="">M·A·C魅可专业会员</a></li>
					<li class="firstli">公司地址</li>
					<li><a href="">上海市静安区延安中路1228号<br>静安嘉里中心三座11楼</a></li>
				</ul>
				<ul>
					<li class="firstli">账户</li>
					<li><a href="">账户</a></li>
					<li><a href="">订单状态</a></li>
					<li><a href="">我的收藏</a></li>
				</ul>
				<ul>
					<li class="firstli">链接</li>
						<li>
							<a href="">
								<span class="iconfont icon-25"></span>
								<span class="iconfont icon-dingwei1"></span>
								<span class="iconfont icon-xinlang"></span>
							</a>
						</li>
					<li><img src="img/ia_600000032.webp"></li>
				</ul>
			</div>
		</footer>
	</body>
</html>
<script src="js/ajaxTools.js"></script>
<script src="js/machine.js"></script>
<script>
	btn.onclick = function(){
		ajax2013useobjandpromise({
			url:"04login.php",
			method:"post",
			params:`name=${$("#name").value}&password=${$("#password").value}`
		}).then((str)=>{
			if(str == "1"){
				// 保存cookie
				var d = new Date;
				d.setDate(d.getDate()+7);
				document.cookie = `name=${$("#name").value};expires=${d.toGMTString()}`;
				$("#msg").innerHTML = "登陆成功!<a href='01index.html'>点击我跳转至首页</a>";
			}else{
				$("#msg").innerHTML = "登陆失败了~"
			}
		});
	}
</script>
	
